<!-- 全屏加载组件, 用于配合z-paging列表第一次加载时显示 -->
<template>
	<view class="loading-page-component" v-if="show">
		<u-loading mode="circle" :size="loadingSize" :mode="loadingMode"></u-loading>
	</view>
</template>

<script>
	export default {
		name:"loading-page",
		props: {
			show: {
				type: Boolean,
				default: false
			},
			loadingSize: {
				type: [String, Number],
				default: '40'
			},
			// 动画的类型
			loadingMode: {
				type: String,
				default: 'circle'
			},
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.loading-page-component {
		height: 100%;
		width: 100%;
		background-color: #fff;
		@include flex-just();
	}
</style>
